<template>
  <div class="container mx-auto p-6 mt-4">
    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-4">
      <NuxtLink to="/comCollection/wList"
        class="p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-200 hover:border-blue-500 text-center">
        <span class="block font-medium text-gray-800 hover:text-blue-600">瀑布流1</span>
      </NuxtLink>

      <NuxtLink to="/comCollection/wList1"
        class="p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-200 hover:border-blue-500 text-center">
        <span class="block font-medium text-gray-800 hover:text-blue-600">瀑布流2</span>
      </NuxtLink>

      <NuxtLink to="/comCollection/uploadFile"
        class="p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-200 hover:border-blue-500 text-center">
        <span class="block font-medium text-gray-800 hover:text-blue-600">文件上传</span>
      </NuxtLink>

      <NuxtLink to="/comCollection/comment"
        class="p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-200 hover:border-blue-500 text-center">
        <span class="block font-medium text-gray-800 hover:text-blue-600">评论组件1</span>
      </NuxtLink>

      <NuxtLink to="/comCollection/comment1"
        class="p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-200 hover:border-blue-500 text-center">
        <span class="block font-medium text-gray-800 hover:text-blue-600">评论组件2</span>
      </NuxtLink>
      <NuxtLink to="/scene"
        class="p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-200 hover:border-blue-500 text-center">
        <span class="block font-medium text-gray-800 hover:text-blue-600">展厅</span>
      </NuxtLink>
      <NuxtLink to="/videos"
        class="p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-200 hover:border-blue-500 text-center">
        <span class="block font-medium text-gray-800 hover:text-blue-600">视频播放</span>
      </NuxtLink>
      <NuxtLink to="/theme"
        class="p-4 bg-white rounded-lg shadow-md hover:shadow-lg transition duration-300 border border-gray-200 hover:border-blue-500 text-center">
        <span class="block font-medium text-gray-800 hover:text-blue-600">切换主题</span>
      </NuxtLink>
    </div>
  </div>
</template>
<script setup>
definePageMeta({
  layout: 'minimal',
  showHeader: false
});
</script>